html{
	font-size: calc(100vw / 1920 * 16);	
}
body{
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}
.header{
	background-image: url("../images/home.png");
	background-size: cover; 
	width: 100%;
	height: calc(100vw / 1920 * 920);
	background-position: center;
	padding: 0 2.5em;
}
.logo{
	width: 10em;
}
.tagline{
	margin-top: 10em;
	width: 90em;
}

.tagline h1{
	font-family: "Red Hat Display", sans-serif;
	font-size: 4em;
	font-weight: bold;
  	font-optical-sizing: auto;
	text-align: center;
}

.tagline .focus{
	font-size: 6rem;
}

.tagline .subtext{
	font-size: 2em;
	font-weight: 300;
	padding: 1em 2em;
	text-align: center;
}

.aboutus{
	margin-top: 6em;
}

.smallimage{
	width: 12.5em;
}
.bigimage{
	width: 32em;
}

.sectionheading{
	font-weight: 800;
	font-size: 3em;
}

.accomplishments{
	margin-top: 10em;
}

.acccard{
	padding: 2em 4em 2em 2em;
	border-radius: 1.5em;
	text-align: left;
}

.cardicon img{
	width: 8em;
}

.purplecard{
	background-color: #F0EDFF;
	margin-top: 4em;
}
.yellowcard{
	background-color: #FEF6EC;
	margin-top: 4em;
}
.greencard{
	background-color: #E8FCF2;
	margin-top: 4em;
}

.logocontainer{
	margin-top: 8em;
}

.logocontainer>div{
	display: flex;
	justify-content: center; /* Horizontal centering */
	align-items: center;    /* Vertical centering */
}

.clientlogo{
	width: 10em;
}

.clientlogobig{
	width: 13em;
}

.footer{
	background-color: #003AB3;
	margin-top: 10em;
}